import React, {useEffect,useState} from 'react'
import api from '../../until/index.js'
import {Table,Button} from 'antd'
import moment from "moment";
// useEffect(()=>{
//     // console.log(api)
// },[])
let colums=[
    {title:'ID',
    align:'center',
    dataIndex:'id',
    key:'id',
    render:(text,record,index)=>`${index+1}`,
},
{
    title:'文件名称',
    align:'center',
    dataIndex:'filename',
    key:'filename'
},
{
    title:'时间',
    align:'center',
    dataIndex:'time',
    key:'time',
    render:(val)=>(
        <span>
            {val
                ? moment(Number(val)).format("YYYY-MM-DD HH:mm:ss")
                : moment("2020-6-1 00:00:00").format("YYYY-MM-DD HH:mm:ss")}
        </span>
    )
},
]
function UserFile(){
    let one={
        title:'下载',
        align:'center',
        dataIndex:'file',
        key:'file',
        render:(val)=>(
            <span>
                <Button type="primary" onClick={()=>getUpload(val)}>下载</Button>
            </span>
        )
    }
    let newColum=[...colums,one]
    const [dataFile,setFile]=useState([])
    const [columsData,setColum]=useState(newColum)
    useEffect(()=>{
       api.getfile().then(res=>{
        setFile(res.data.message)
       })
    },[])
    console.log(dataFile)
   const getUpload=(val)=>{
       window.location.href=val
    }
    return (
        <div>
            面试官你好，我在上家公司主要负责公司商城移动端业务的开发，为公司商城开发H5页面并嵌套在公司的app里面，项目采用uniapp框架开发，预计编译为小程序和h5页面
            项目人员配置后端5个前端1个测试2个产品一个，h5的数据内容和公司pc是通用的，账号权限什么的都是共享的，主要为商城的定制客户服务（一般都是上市公司）
            商城主要经营一些工业用品以及物流配送服务并提供下单审批以及商品分享等服务，项目的页面开发到接口联调再到封闭测试都是我在跟进并负责的，项目的主要逻辑就是用户地址的选择会
            影响到商品的库存状态（因为是多地就近发货原则），还有就是用户账号权限的判断，一个公司会有一个集团管理员账号，其他的都是采购员账号，账号权限不一样，看到的商品和审批权限也不一样
            这个我们主要通过公司内部的集团编码来区分，还有就是部分公司的定制需求，（例如下单的时候需要加上额外的选项，和确认承诺书，以及单次金额不超过20000元等等）
            再就是项目后期迭代需求的开发（AB交期就是用户修改商品数量需要判断库存和发货日以及收货日，还有就是商品物料维护）
            在就是公司后台管理系统的迭代开发，主要是为客户开发的一些定制需求，例如订单列表详细&合同的上传和下载，用户账号的批量创建和单个创建，
            <Table
          columns={columsData}
          dataSource={dataFile}
          bordered
          bottomLeft
          rowKey={(record) => record.id}
        ></Table>
        </div>
    )
}
export default UserFile